/*二维码*/
body{
    position:relative;
}
#gobackimg{
    position: absolute;
    left: 0;
    top:0;
    z-index: 900;
    height:80px;
    width:59px;
    background: #fff;
    /*border-bottom: 1px solid #B92B27;*/
    box-sizing: border-box;
}
#gobackimg>img{
    /*margin-top:25px;*/
    margin-top:7px;
    width:58px;
    height:auto;
    margin-left:5px;
}
#gobackimg>span{
    display:inline-block;
    margin-left:5px;
    text-align: center;
    width:58px;
    font-size: 10px;
    color:#AE191B;
}
/*滚动部分*/
#qrcode{
    /*max-width:1000px;*/
    /*min-width: 320px;*/
    /*position:fixed;*/
    position:absolute;
    z-index: 800;
    overflow: hidden;
    left:80px;
    right:41px;
    /*height:90px;*/
    height:44px;
    /*width:100%;*/
    box-sizing: border-box;
    text-align: center;
    /*border-top: 1px solid #B92B27;*/
    background: #B92B27;
}
#nav1 .lf.box{
    width:59px;
    height:99px;
    margin:0;
}
#nav2 .lf.box{
    width:59px;
    height:99px;
    margin:0;
}
#nav3 .lf.box{
    width:59px;
    height:99px;
    margin:0;
}
#nav1>.lf{
    margin-left:59px;
    width: auto;
    overflow: hidden;
}
#nav1 .qrdiv{
    float: left;
    width:33%;
    /*padding-top:29px;*/
    /*padding-top:7px;*/
}

#nav1 .qrdiv>div:last-child {
    font-size: 10px;
    margin-top: -3px;
}
.swiper-wrapper{
    /*height:70px;*/
    height:44px;
}
.swiper-container.swiper-container-horizontal{
    height:44px;
    font-family: "Microsoft YaHei",SimHei,helvetica,arial,verdana,tahoma,sans-serif;
}
#swiper-container .swiper-slide{
    /*background: #f2f2f2;*/
    background: #b92b27;
}
.swiper-slide#nav1>div{
    overflow: hidden;
    /*margin-left:60px;*/
    /*height:70px;*/
    height:44px;
}
#qrcode .userimg{
    margin-top:7px;
    /*margin-left:10px;*/
    display: inline-block;
    height: 37px;
    /*width: 37px;*/
    background: url("../img/af8.png") no-repeat;
    background-size: 37px;
}
#qrcode .userimg>img{
    width:37px;
    height:37px;
    /*height: 48.5px;*/
    /*width: 69px;*/
}
#qrcode .qrdiv .userimg img{
    width: 48.5px;
}
#qrcode .relalist>div{
    /*position: absolute;*/
    /*left:56px;*/
    /*/!*right: 90px;*!/*/
    /*right:10px;*/
}
#fromusername,#friusername{
    text-align: center;
    height:13px;
    /*width:50px;*/
    /*width:60px;*/
    width:37px;
    line-height:13px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
    /*color:#fff;*/
    color:#111;
    font-size: 10px;
    /*margin-left:10px;*/
}
.swiper-slide>.lf{padding-left:10px}
.swiper-slide>.lf:nth-child(2){
    /*margin-top:34px;*/
    /*margin-top:25px;*/
    margin-top:7px;
    margin-right:10px;
}
.relalist{
    /*/!*padding-top:29px;*!/*/
    /*padding-top:7px;*/
}
.relalist div.showlist{
    line-height: 1.7;
    display: -webkit-box; /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-box-orient: vertical; /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
    text-overflow: ellipsis;/*，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    overflow : hidden;
    /*-webkit-line-clamp: 2;*/
    -webkit-line-clamp: 1;
    font-size: 18px;
    text-align: left;
    color: #fff;
    font-size: 15px;
    line-height: 44px;
}
.showlist{
    /*margin-right:48px;*/
    /*margin-right:90px;*/
    display: -webkit-box; /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-box-orient: vertical; /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
    text-overflow: ellipsis;/*，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    overflow : hidden;
    -webkit-line-clamp: 2;
}
.eye{
    background:url(../img/shareeye.png)no-repeat left;
    background-size:19px 14px;
    padding-left:19px;
    color:#838484;
    font-size: 10px;
    position: absolute;
    /*right:48px;*/
    right:90px;
    /*top:68px;*/
    top:29px;
}
/*分页器*/
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:3px;
    /*bottom:10px;*/
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background:#F54343;
}
.swiper-pagination-bullet{
    width:5px;
    height:5px;
}
#page_wrapper{
    margin-top:0;
    /*margin-bottom:70px;*/
    margin-bottom:0;
}
.ftf_r{
    line-height: 28px;
    display: inline-block;
    background: #f54343;
    /*padding: 0 8px;*/
    font-size: 14px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-style: normal;
    position: absolute;

    height: 29px;
    top: 18px;
    right: 14px;
    width: 58px;
    background: url("https://www.pulu.com/weixin/img/pululogo57.png")no-repeat center;
    background-size: 58px 29px;
}
.scrollgoback,.scrollhome{
    display: inline-block;
    width: 29px;
    height: 29px;
}
.scrollgoback{
    background: url(../img/scrollback.png)no-repeat center;
    background-size: 24px;
}
.scrollhome{
    background: url(../img/scrollhome.png)no-repeat center;
    background-size: 19px;
}